<template>
    	<div id="app">
			
			<slider :volumn="volumn" @volchange="volchange"></slider>
			
			<p>当前音量：{{volumn}}</p>
			
			<input v-model.number="volumn" />
			
		</div>
</template>
<script>
    import slider from "../components/Slider.vue";
    export default {
        data:function(){
          return{	
              volumn:0.7
			}
        },
			methods:{
				volchange:function(e){
					this.volumn = e;
				}
			},
        components:{
             slider
             }
        }
</script>
<style>

</style>